<script>
import {
  defineComponent,
  reactive,
  toRefs
} from 'vue'

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

export default defineComponent({
  setup() {
    const state = reactive({
      locale: zhCn,
    })

    return {
      ...toRefs(state)
    }
  }
})
</script>

<template>
  <el-config-provider :locale="locale">
    <div class="app-container">
      <router-view />
    </div>
  </el-config-provider>
</template>

<style lang="scss">
.app-container {
  height: 100vh;
}
</style>
